* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'montserrat', sans-serif;
}

// 不显示浏览器滚动条
body::-webkit-scrollbar {
  display: none;
  width: 0px;
}

.pointer {
  cursor: pointer;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}

// 背景动效渐变
.bg-img-ani {
  background-image: linear-gradient(
    125deg,
    #2c3e50,
    #27ae60,
    #2980b9,
    #e74c3c,
    #8e44ad
  );
  background-size: 400%;
  animation: bganimation 10s infinite;
}

@keyframes bganimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

// 文本超出显示...
.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// vue-router过渡动画
.v-enter {
  opacity: 0;
}
.v-enter-active {
  transition: 0.3s;
}
.v-enter-to {
  opacity: 1;
}
.v-leave {
  opacity: 1;
}
.v-leave-to {
  opacity: 0;
}
.v-leave-active {
  transition: 0.3s;
}
